import React, {Component} from "react";
import Slider from "react-slick";
//import { baseUrl } from "./config";


export default class AutoPlay extends Component {
    /*  https://s3.amazonaws.com/static.neostack.com/img/react-slick/abstract01.jpg*/
    render() {
        const settings = {
            dots: true,
            lazyLoad: true,
            autoplay: true,
            infinite: true,
            speed: 500,
            slidesToShow: 1,
            slidesToScroll: 1,
            initialSlide: 2

        };
        var baseUrl = "https://s3.amazonaws.com/static.neostack.com/img/react-slick";

        return (
            <div>
                {/* <h2> Lazy Load</h2>*/}
                <Slider {...settings}>
                    <div>
                        <img src={baseUrl + "/abstract01.jpg"}/>
                    </div>
                    <div>
                        <img src={baseUrl + "/abstract02.jpg"}/>
                    </div>
                    <div>
                        <img src={baseUrl + "/abstract03.jpg"}/>
                    </div>
                    <div>
                        <img src={baseUrl + "/abstract04.jpg"}/>
                    </div>
                </Slider>
            </div>
        );
    }
}